<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>海洋中国</title>
		<meta name="keywords" content="Ocean China" />
		<meta name="description" content="Ocean China" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="shortcut icon" href="${ctxPath}/static/favicon.ico">
		<link rel="stylesheet" href="${ctxPath}/static/portcss/bootstrap.css" type="text/css" />
		<link rel="stylesheet" href="${ctxPath}/static/portcss/style.css" type="text/css" />
		<link rel="stylesheet" href="${ctxPath}/static/portcss/online.css" />
		<link rel="stylesheet" href="${ctxPath}/static/portcss/top.css" />
		<link rel="stylesheet" href="${ctxPath}/static/portcss/bxslider.css" />
		<link rel="stylesheet" href="${ctxPath}/static/portcss/layui.css" />
		<!--<link rel="stylesheet" type="text/css" href="${ctxPath}/static/portcss/zzsc.css" />-->
		<script type="text/javascript" src="${ctxPath}/static/portjs/jquery-1.10.2.min.js"></script>
		<script src="${ctxPath}/static/portjs/bootstrap.min.js"></script>
		<script type="text/javascript" src="${ctxPath}/static/portjs/jquery.SuperSlide.2.1.1.js"></script>
		<script type="text/javascript" src="${ctxPath}/static/portjs/online.js"></script>
		<script type="text/javascript" src="${ctxPath}/static/portjs/common.js"></script>
		<!--<script type="text/javascript" src="${ctxPath}/static/portjs/move.js"></script>-->
		<script type="text/javascript" src="${ctxPath}/static/portjs/bxslider.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('.bxslider').bxSlider({
					adaptiveHeight: true,
					infiniteLoop: true,
					hideControlOnEnd: true,
					auto: true,
					controls: false
				});
			});
            (function(window) {
                var theUA = window.navigator.userAgent.toLowerCase();
                if((theUA.match(/msie\s\d+/) && theUA.match(/msie\s\d+/)[0]) || (theUA.match(/trident\s?\d+/) && theUA.match(/trident\s?\d+/)[0])) {
                    var ieVersion = theUA.match(/msie\s\d+/)[0].match(/\d+/)[0] || theUA.match(/trident\s?\d+/)[0];
                    if(ieVersion < 9) {
                        var str = "你的浏览器版本太low了\n已经和时代脱轨了 :(";
                        var str2 = "推荐使用:<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:#cc0'>谷歌</a>," +
                            "<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E7%81%AB%E7%8B%90%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:#cc0'>火狐</a>," +
                            "<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E7%8C%8E%E8%B1%B9%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:#cc0'>猎豹</a>,其他双核急速模式";
                        document.writeln("<pre style='text-align:center;color:black; height:100%;border:0;position:fixed;top:0;left:0;width:100%;z-index:1234'>" +
                            "<h2 style='padding-top:200px;margin:0'><strong>" + str + "<br/></strong></h2><p>" +
                            str2 + "</p><h2 style='margin:0'><strong>如果您使用的是双核浏览器,请切换到极速模式访问<br/></strong></h2></pre>");
                        document.execCommand("Stop");
                    };
                }
            })(window);
		</script>
	</head>

	<body>
		<div class="top hidden-xs">
			<div class="container">
				<div class="top-fl">海洋中国|Ocean China</div>
				<div class="top-fr">
					<a href="/login">登录</a>
				</div>
			</div>
		</div>
		<header class="header-frontend">
			<nav class="navbar navbar-default navbar-fixed-top">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
						<a href="/portal/index"><img src="${ctxPath}/static/portimages/ouc.png" class="logo" style="margin-top: 6px;" /></a>
					</div>
					<div id="navbar" class="navbar-collapse collapse">
						<ul class="nav navbar-nav navbar-nav-c">
                            <li>
                                <a href="/portal/index">首页</a>
                            </li>
							<li>
								<a href="/portal/getpageIndex/${list1[0].category}/1">海权历史</a>
							</li>
							<li>
								<a href="/portal/getpageIndex/${list2[0].category}/1">海权理论</a>
							</li>
							<li>
								<a href="/portal/getpageIndex/${list3[0].category}/1">海洋制度</a>
							</li>
							<li>
								<a href="/portal/getpageIndex/${list4[0].category}/1">海洋热点</a>
							</li>
							<li>
								<a href="/portal/getpageIndex/${list5[0].category}/1">海洋强国战略</a>
							</li>
							<li>
								<a href="/portal/getpageIndex/${list6[0].category}/1">中国海洋战略</a>
							</li>
							<li>
								<a href="/portal/getpageIndex/${list7[0].category}/1">海上丝绸之路</a>
							</li>
							<li>
								<a href="/portal/getpageIndex/${list8[0].category}/1">全球海洋治理</a>
							</li>

						</ul>
					</div>
				</div>
			</nav>
		</header>
		<!-- bxslider -->
		<div class="flash">
			<ul class="bxslider">
                @for(image in pic1){
                  <li>
                     <a href="#"><img src="${image.url}" alt="首页轮播图" /></a>
                  </li>
               @}

               <!-- <li>
                    <a href="#"><img src="${ctxPath}/static/portimages/l1.jpg" alt="首页轮播图" /></a>
                </li>
                <li>
                    <a href="#"><img src=" ${ctxPath}/static/portimages/l2.jpg" alt="首页轮播图" /></a>
                </li>
                <li>
                    <a href="#"><img src=" ${ctxPath}/static/portimages/l3.jpg" alt="首页轮播图" /></a>
                </li>-->
			</ul>
		</div>

		<div class="container mt">
			<div class="row">
				<div class="col-lg-12 col-xs-12">
					<!--关于我们-->
					<div class="row mt">
                        <div class="col-lg-4 col-xs-12">
                            <div class="flash1">
                                <ul class="bxslider">
                                    @for(image in list9){
                                      <li>
                                          <a href="/portal/detail/${image.newsId}"><img src="${image.url}" alt="首页轮播图" /></a>
                                      </li>
                                    @}
                                </ul>
                            </div>
                        </div>
						<div class="col-lg-4 col-xs-12">
							<div class="about">
								<div class="title">
									<h2>海权历史</h2><span></span>
									<a href="/portal/getpageIndex/${list1[0].category}/1">more></a>
								</div>
								<div class="txtScroll-top">
									<div class="bd">
										<ul class="infoList">
                                            @for(item in list1){
											<li><span class="date">${item.date,'yyyy-MM-dd'}</span>
												<a href="/portal/detail/${item.id}" target="_blank">${item.title}</a>
											</li>
											@}
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-4 col-xs-12">
							<div class="about">
								<div class="title">
									<h2>海权理论</h2><span></span>
									<a href="/portal/getpageIndex/${list2[0].category}/1">more></a>
								</div>
								<div class="txtScroll-top">
									<div class="bd">
										<ul class="infoList">
                                            @for(item in list2){
                                            <li><span class="date">${item.date,'yyyy-MM-dd'}</span>
                                                <a href="/portal/detail/${item.id}" target="_blank">${item.title}</a>
                                            </li>
                                            @}
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--关于我们-->
					<div style="margin-top: -20px;">
						<div class="row mt">
							<div class="col-lg-4 col-xs-12">
								<div class="about">
									<div class="title">
										<h2>海洋制度</h2><span></span>
										<a href="/portal/getpageIndex/${list3[0].category}/1">more></a>
									</div>
									<div class="txtScroll-top">
										<div class="bd">
											<ul class="infoList">
                                                @for(item in list3){
                                                <li><span class="date">${item.date,'yyyy-MM-dd'}</span>
                                                    <a href="/portal/detail/${item.id}" target="_blank">${item.title}</a>
                                                </li>
                                                @}
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-4 col-xs-12">
								<div class="about">
									<div class="title">
										<h2>海洋热点</h2><span></span>
										<a href="/portal/getpageIndex/${list4[0].category}/1">more></a>
									</div>
									<div class="txtScroll-top">
										<div class="bd">
											<ul class="infoList">
                                                @for(item in list4){
                                                <li><span class="date">${item.date,'yyyy-MM-dd'}</span>
                                                    <a href="/portal/detail/${item.id}" target="_blank">${item.title}</a>
                                                </li>
                                                @}
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-4 col-xs-12">
								<div class="about">
									<div class="title">
										<h2>海洋强国战略</h2><span></span>
										<a href="/portal/getpageIndex/${list5[0].category}/1">more></a>
									</div>
									<div class="txtScroll-top">
										<div class="bd">
											<ul class="infoList">
                                                @for(item in list5){
                                                <li><span class="date">${item.date,'yyyy-MM-dd'}</span>
                                                    <a href="/portal/detail/${item.id}" target="_blank">${item.title}</a>
                                                </li>
                                                @}
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--关于我们-->
					<div class="row mt">
						<div class="col-lg-12 col-xs-12">
							<img src="${ctxPath}/static/portimages/middleSc.jpg" />
						</div>
					</div>
					<!--关于我们-->
					<div class="row mt">
						<div class="col-lg-4 col-xs-12">
							<div class="about">
								<div class="title">
									<h2>中国海洋战略</h2><span></span>
									<a href="/portal/getpageIndex/${list6[0].category}/1">more></a>
								</div>
								<div class="txtScroll-top">
									<div class="bd">
										<ul class="infoList">
                                            @for(item in list6){
                                            <li><span class="date">${item.date,'yyyy-MM-dd'}</span>
                                                <a href="/portal/detail/${item.id}" target="_blank">${item.title}</a>
                                            </li>
                                            @}
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-4 col-xs-12">
							<div class="about">
								<div class="title">
									<h2>海上丝绸之路</h2><span></span>
									<a href="/portal/getpageIndex/${list7[0].category}/1">more></a>
								</div>
								<div class="txtScroll-top">
									<div class="bd">
										<ul class="infoList">
                                            @for(item in list7){
                                            <li><span class="date">${item.date,'yyyy-MM-dd'}</span>
                                                <a href="/portal/detail/${item.id}" target="_blank">${item.title}</a>
                                            </li>
                                            @}
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-4 col-xs-12">
							<div class="about">
								<div class="title">
									<h2>全球海洋治理</h2><span></span>
									<a href="/portal/getpageIndex/${list8[0].category}/1">more></a>
								</div>
								<div class="txtScroll-top">
									<div class="bd">
										<ul class="infoList">
                                            @for(item in list8){
                                            <li><span class="date">${item.date,'yyyy-MM-dd'}</span>
                                                <a href="/portal/detail/${item.id}" target="_blank">${item.title}</a>
                                            </li>
                                            @}
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div style="margin-top: -15px;">
			<div class="container mt">
				<div class="about">
					<div class="title">
						<h2>蔚蓝海洋</h2>
						<!--<span></span>-->
						<a href="">more></a>
					</div>
				</div>
				<div class="slideGroup" style="height: 230px;">
					<div class="parBd">
						<div class="slideBox">
							<ul>
                               @for(images in pic2){
								<li>
									<div class="pic">
										<a href="/portal/detialImg/${images.id}" target="_blank"><img src='${images.url}'/></a>
									</div>
									<div class="title">
										<a href="/portal/detialImg/${images.id}" target="_blank">${images.title}</a>
									</div>
								</li>
								@}
                            </ul>

						</div>
						<!-- slideBox End -->
					</div>
					<!-- parBd End -->
				</div>
			</div>
		</div>
        <div class="container mt" style="margin-top: -15px;">
            <!--关于我们-->
            <div class="row mt">
                <div class="col-lg-12 col-xs-12">
                    <div class="about">
                        <div class="title">
                            <h2>友情链接</h2><span></span>
                        </div>
                        <div style="margin-top: 20px; text-align: center;">
                            <a href="https://www.ifeng.com/">凤凰网</a>&nbsp;&nbsp;&nbsp;
                            <a href="http://siapa.ouc.edu.cn/">中国海洋大学国际事务与公共管理学院</a>&nbsp;&nbsp;&nbsp;
                            <a href="http://www.soa.gov.cn/">国家海洋局</a>&nbsp;&nbsp;&nbsp;
                            <a href="http://www.qdio.cas.cn/">中国科学院海洋研究所</a>&nbsp;&nbsp;&nbsp;
                            <a href="http://www.qnlm.ac/index">青岛海洋科学与技术试点国家实验室</a>&nbsp;&nbsp;&nbsp;
                            <a href="http://www.ouc.edu.cn/">中国海洋大学</a>&nbsp;&nbsp;&nbsp;
                        </div>

                    </div>
                </div>
            </div>

        </div>

        <div class="copyright hidden-md hidden-xs mt" style="height: 200px;">
            <div class="container">
                <div class="row">
                    <!--<div class="copy-left">
                        <p><i class="iconfont"><img src="${ctxPath}/static/portimages/logo1.png" style="margin-top: -20px;"/>
                    </div>-->
                    <ul class="copy-mid"   style="margin-left: 260px;margin-top: 8px;">
                        <li>
                            <h2 style="width: 600px;line-height:10px;margin-top:70px;font-size: 50px;text-align: center">海洋中国</h2>
                            <h2 style="width: 600px;line-height:60px;font-size:20px;text-align: center">Ocean China<br></h2>
                           <!-- <dl>
                                <dt style="width: 400px;margin-left: -100px;"><a class="disableCss">电话：123456789</a></dt>
                                <dt style="width: 400px;margin-left: -100px;"><a class="disableCss">邮箱：xxxxat126.com</a></dt>
                                <dt style="width: 400px;margin-left: -100px;"><a class="disableCss">地址：青岛市崂山区松岭路238号</a></dt>
                            </dl>-->
                        </li>
                    </ul>
                    <div class="copy-right">
                        <!--<p style="margin-top: -10px;">WeChat</p>
                        <img src="${ctxPath}/static/portimages/wechat.png" style="margin-top: 5px;"/>-->
                    </div>
                </div>
            </div>
        </div>
        <div class="copy  hidden-md hidden-xs " style="background-color: black;">
            版权所有 © 海洋中国 | Ocean China
           <!-- <img src="${ctxPath}/static/portimages/blue.png" class="policeimg"> ICP备案号：鲁ICP备字123456号-23&nbsp;&nbsp;&nbsp;&nbsp;
            <img src="${ctxPath}/static/portimages/110.png" class="policeimg"> 鲁公网安备 37021202000030号-->
        </div>
						
		<script type="text/javascript">
	jQuery(".txtScroll-top").slide({
		titCell: ".hd ul",
		mainCell: ".bd ul",
		autoPage: true,
		effect: "top",
		autoPlay: true,
		vis: 7
	});
	jQuery(".slideGroup .slideBox").slide({
		mainCell: "ul",
		vis: 6,
		prevCell: ".sPrev",
		nextCell: ".sNext",
		effect: "leftMarquee",
		interTime: 50,
		autoPlay: true,
		trigger: "click"
	});
</script>
	</body>

</html>